@media (max-width:1359px){ .about-two p{margin-bottom: 18px;} .about-two::before{width: 434px;} } @media (max-width:1270px){ .nav li{margin:0 10px} .hd-search{ width:190px;} .hd-search form{display: flex;align-items: center;justify-content: center;flex-grow: 1;} .hd-search .inp{width: 80%;} .fd-link dl{margin-right:20px} .footer .box .col-l{width:560px} .footer .box .col-r{/*width:330px*/} .index-video .left{width:390px} .about-two::before{width: 485px;left: -7%;} .about-two .wrap{padding: 50px 0;} .about-two p{ font-size:14px;} .about-four ul {width: 110%;} .case-box .slick-box p{ font-size:14px;} .partner-slick{width: 100%;} .logo-list{ width:1024px; margin:0 auto;} .logo-list li {padding-left: 100px;} .logo-list .pic {width: 190px;height: 190px;} .logo-list .pic a img {width: 130px;height: 130px;padding: 10px;} .wrap.other{width:100%} .global-one {margin:0px auto 0px auto;transform-origin: 0;} } @media (max-width:1023px){ .full-swiper,.full-swiper .swiper-slide,.full-swiper .swiper-wrapper,body.full,html.full{height:auto;display:block;overflow:visible} .footer,.index-part1,.index-part2,.index-part3,.index-part4,.index-part5{height:auto;display:block} .banner .slick-arrow{display:none!important} .banner .slick-dots{height:auto;background-color:transparent;bottom:20px;width:100%;justify-content:center;left:0;margin-left:0} .banner .slick-dots li{margin:0 5px} .index-tit1{padding-bottom:15px} .index-tit1 h3{font-size:24px;line-height:34px;margin-bottom:5px} .index-tit1::after{height:3px;width:40px;margin-left:-20px} .index-number{padding-top:30px;padding-bottom:10px;margin: 10px 0 20px 0;flex-wrap:wrap} .index-number li em{font-size:30px;line-height:40px} .index-number li p{font-size:14px;line-height:24px} .mo{display:block!important} .pc{display:none!important} .index-number li{width:50%;padding:10px 0} .index-part1{background:#fff} .index-list1 .item{margin:0;padding:0 10px} .index-list1 .item .img::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,.5);transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;opacity:1} .index-list1 .slick-current .item .img::after{opacity:0} .index-list1{margin:0 -3%;padding-bottom:80px} .index-list1 .item p{font-size:14px;line-height:24px;margin-top:15px} .index-list1 .slick-dots{text-align:center;bottom:30px} .index-list1 .slick-dots li{display:inline-block;margin:0;width:auto} .index-list1 .slick-dots li button{width:8px;height:8px;border-radius:50%;background-color:#e5e5e5;opacity:1} .index-list1 .slick-dots li.slick-active button{background-color:#00a0d2} .index-part2 .wp{width:100%;display:block} .index-part2 .left{padding:150px 0 200px;background:url(../images/index-bg4.png) bottom center no-repeat #eee;-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%} .index-tit1.other{text-align:center} .index-tit1.other::after{left:50%;margin-left:-20px} .index-icons{flex-wrap:wrap;padding:0 20px;margin:50px 0 20px} .index-icons li{margin-right:0;width:25%} .index-icons li p{font-size:14px;line-height:24px;margin:5px 0 20px} .index-btn1.other{margin:0 auto} .index-btn1{width:120px} .index-part2 .right{padding:150px 0 200px;background:url(../images/index-bg5.jpg) bottom center no-repeat #eee;-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%} .index-tit1.white{text-align:center} .index-tit1.white::after{right:auto;left:50%;margin-left:-20px} .index-icons.other{justify-content:center} .index-icons.other li{margin-left:0} .index-btn1.another{float:none} .index-part1,.index-part3,.index-part4{padding-top:50px} .part3-content{margin-top:50px} .part3-content .left{width:auto;margin-right:0;position:relative;float:none} .part3-content .left .img{border-radius:8px;overflow:hidden;margin-bottom:30px} .part3-content .left .img img{border-radius:8px;width:100%} .part3-content .left .img::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);border-radius: 8px;} .part3-content .left .word{position:absolute;left:20px;right:20px;bottom:10px;z-index:1} .part3-content .left .word p{font-size:16px;line-height:26px;color:#fff} .part3-content .left .word span{font-size:12px;color:#fff;opacity:.5;line-height:22px;display:block} .index-list2{margin-bottom:40px} .index-list2 li{background-color:transparent;border-bottom:1px solid #ddd;padding:15px 0;display:flex;flex-direction:column-reverse;border-radius:0;margin-bottom:0} .index-list2 li a{font-size:16px;color:#333;line-height:26px;padding-left:0} .index-list2 li span{font-size:12px;color:#999;line-height:22px;margin-left:0} .index-list2 li a::before{display:none} .index-part3{background-color:#f7f7f7;padding-bottom:40px} .index-video{display:flex;flex-direction:column-reverse;margin-bottom:40px} .index-video .right{margin-bottom:30px;width:auto} .index-video .left{width:auto;margin-right:0} .index-video .left .tit{margin-bottom:20px} .index-video .left .tit p{font-size:20px;line-height:30px;margin-bottom:5px} .index-video .left .tit span{font-size:14px;line-height:24px;margin-bottom:8px} .index-video .left .tit a{display:none} .index-video .left ul{margin:0 -5px} .index-video .left ul li .img{margin:0 5px 10px} .index-video .left ul li{width:33.33%} .index-video .left ul li:nth-child(4){display:none} .index-video .left ul li .img i{width:45px;height:45px;-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;margin-top:-22px;margin-left:-22px} .index-part4{padding-bottom:60px} .footer{padding:0} .footer .index-tit1{display:none} .footer .box .col-l,.footer .box .col-r{width:auto;float:none} .footer .box{padding-top:0} .fd-link{margin-bottom:40px;display:block} .fd-link dl{margin-right:0} .fd-link dl dt{line-height:50px;font-size:16px;border-bottom:1px solid #ddd;margin-bottom:0;font-weight:400;background-image:url(../images/index-jia.png);-webkit-background-size:12px;-moz-background-size:12px;-o-background-size:12px;background-size:12px;background-repeat:no-repeat;background-position:right center} .fd-link dl dt.active{background-image:url(../images/index-jian.png)} .fd-link dl dd{display:none;margin-top:10px;padding-left: 14px;} .fd-contact{display:flex;flex-direction:column-reverse} .fd-contact .ewm{margin-top:0;margin-bottom:30px;display:flex;align-items:center;justify-content:space-between;background-color:transparent;width:auto;padding:0} .fd-contact .ewm img{padding:10px;width:120px;background-color:#fff;margin-right:20px;border-radius:8px} .fd-contact .ewm .sao{font-size:14px;line-height:24px;color:#666;flex-grow:1} .fd-contact .ewm .sao span{display:block} .fd-contact h3{margin-bottom:20px} .fd-contact p{margin-bottom:5px} .beian{display:none} .copy{font-size:12px;color:#999;line-height:22px;padding-bottom:20px} .banner{overflow:hidden} .index-video .right .video .bg{background-image:url(../images/index-bg6.png);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover} .mo-hotSearch{position: fixed;left: 0;top: 50px;width: 100%;padding: 0 16px;background-color: #fff;bottom: 0;z-index: 9999;} .mo-hotSearch.show{display: block;} .mo-hotSearch .box{border-top: 1px solid #ddd;padding-top: 30px;} .mo-hotSearch span{font-size: 14px;line-height: 24px;color: #333;margin-bottom: 20px;display: block;} .mo-hotSearch ul{} .mo-hotSearch li {float: left;margin-right: 12px;margin-bottom: 12px;} .mo-hotSearch li a{display: block;padding: 0 12px;font-size: 12px;color: #666;line-height: 34px;border-radius: 4px;background-color: #f5f5f5;} .mo-hotSearch{} .hd-search .inp{color: #333;} .partner-slick{padding-bottom: 40px;} .partner-slick .slick-arrow{width: 34px;height: 34px;-webkit-background-size: 6px!important;-moz-background-size: 6px!important;-o-background-size: 6px!important;background-size: 6px!important;} .partner-slick .slick-next{margin-left: 10px;} .partner-slick .slick-prev{} .partner-box{margin-bottom: 40px;} .about-four ul {width:auto;} .logo-list.pc{ display:block!important} .logo-list.mo{ display:none!important;} .logo-list{ width:768px;} .logo-list .pic {width: 140px;height: 140px;margin: 0;} .logo-list .pic a img {width: 80px;height: 80px;padding: 5px;} .logo-list li.one {top: 80px;} .logo-list li.two {padding-left: 30px;} .logo-list li.three {top: -80px;} .pro-nav-mo{display:flex!important;} .lang{ display:none} .mo-lang{ display:block;} } @media (max-width:767px){ .mo-nav{display:block;position:fixed;left:0;bottom:0;width:100%;background-color:#333;z-index:999} .mo-nav ul{display:-webkit-flex;display:flex;justify-content:center;align-items:center} .mo-nav ul li{flex-grow:1;border-right:1px solid #f2f2f2;position:relative} .mo-nav ul li .ewm{position:absolute;left:50%;top:-110px;width:100px;margin-left:-50px;display:none} .mo-nav ul li .ewm img{display:block;width:100%;height:auto;margin:0} .mo-nav ul li.active{background-color:#a40e17;border-color:#a40e17} .mo-nav ul li:last-child{border:none} .mo-nav ul li img{display:block;margin:5px auto 0;height:25px} .mo-nav ul li p{font-size:14px;color:#f2f2f2;text-align:center;line-height:24px} } /*xcg*/ @media (max-width:1537px) and (min-width:1441px){ /*1536*724 : 0.8*/ .index-part1, .index-part3, .index-part4 {padding-top: 90px;} .index-tit1 {padding-bottom: 20px;} .index-tit1 h3{font-size: 30px;} .index-number {margin: 25px -20px 25px -20px;padding: 50px 0;} .index-number li em {font-size: 40px;line-height: 45px;} .index-number li p{font-size: 16px;line-height: 18px;} .index-list1 .item p{font-size: 16px;line-height: 18px;} .part3-content {margin: 30px 0 10px 0;} .part3-content .left .img{padding-top: 57.6%;} .part3-content .left .txt{padding: 20px 20px;} .part3-content .left .txt .tit{font-size: 16px;line-height: 18px;margin-bottom: 10px;} .index-list2 li{margin-bottom:15px;} .index-list2 li a,.index-list2 li span{line-height: 62px;} .index-video{margin: 20px 0 10px;} .index-video .left{width: 430px;} .index-video .left ul li .img{border-radius:8px;} .index-video .left ul li .img img{border-radius:8px} .index-video .left ul li .img i{width: 40px;height: 46px;margin-left: -16px;margin-top: -23px;} .index-video .right .video .bg{background-size: 4% 12%;} .index-part4 .index-btn1 span, .index-part4 .index-btn1:hover span{background-size:12% 33%;} .footer {padding: 108px 0 30px;} .footer .box{padding-top: 30px;} .fd-link dl dd a{line-height: 18px;} .fd-contact{line-height:20px;} .fd-contact .fd-logo{margin-bottom:30px} .fd-contact h3{margin-bottom: 15px;} .fd-contact .ewm{width:95px;padding:7px;margin-top:10px} } @media (min-width:1440px){ .wrap{width: 94%;} } @media (max-width:1440px) and (min-width:1025px){ .index-number {margin: 30px -17px 60px -17px;} .index-icons li {margin-right: 15px;} .index-icons li img {width: 50px;} .index-list2 li a, .index-list2 li span {line-height: 59px;} .wrap{width: 90%;} } @media (max-width:1440px){ .about-two .wrap{padding:50px 0 24px 415px} .card-list li.active .hide-info{padding-left: 90px;padding-right: 10px;} .card-list li .hide-info strong{font-size: 23px;} .card-list li .hide-info p{font-size: 13px;} } @media (max-width:1280px) and (min-width:1024px){ /*1280*580 : 0.6667*/ .index-tit1 {padding-bottom: 10px;} .index-tit1 h3{font-size: 24px;} .index-tit1::after{width:40px;height:4px;margin-left:-20px} .index-number{margin: 10px -30px 15px -30px;padding: 30px 0;} .index-number li em{font-size:30px;line-height:35px} .index-number li p{font-size: 14px;line-height: 20px;} .index-list1 .item{margin:0 20px} .index-list1 .item p{font-size: 14px;line-height: 20px;margin-top:10px;} .index-tit1 p{font-size:12px;} .index-tit1::after{width:36px;height: 3px;margin-left:-18px;} .index-icons{margin:38px 0 33px} .index-icons li{ margin-right: 25px; } .index-icons li img{width: 45px;} .index-icons li p{font-size: 14px;line-height:17px;margin-top:10px;} .index-icons.other li{margin-left:20px;} .index-btn1{font-size:12px;line-height:30px;width:106px;border-radius:6px} .index-btn1 span{padding-right:12px;background-size:12% 33%;} .index-btn1:hover span{background-size:12% 33%} .part3-content{margin:20px 0 0} .part3-content .left .img{padding-top: 59%;} .part3-content .left .txt{padding:13px} .part3-content .left .txt .tit{font-size: 14px;line-height: 20px;margin-bottom: 8px;} .index-list2 li{margin-bottom:10px;padding:0 20px} .index-list2 li a{font-size: 14px;padding-left:18px;} .index-list2 li a,.index-list2 li span{line-height: 51px;} .index-video{margin: 8px 0 6px;} .index-video .left .tit p{font-size: 20px;line-height: 28px;margin-bottom: 8px;} .index-video .left .tit span{font-size: 14px;margin-bottom: 15px;} .index-video .left ul{margin-bottom:-8px} .index-video .left ul li .img{margin:8px 10px;border-radius:6px;} .index-video .left ul li .img img{border-radius:6px} .index-video .left ul li .img i{width:36px;height:42px;margin-left:-18px;margin-top:-21px} .index-video .right .video .bg{background-size: 4% 12%;} .index-part4 .index-btn1 span, .index-part4 .index-btn1:hover span{background-size:12% 33%;} .footer .box{padding-top: 25px;} .fd-link dl dt{font-size: 16px;line-height: 24px;} .fd-link dl dd a{line-height: 18px;} .fd-contact{line-height:16px;} .fd-contact .fd-logo{margin-bottom:20px} .fd-contact h3{font-size: 14px;line-height: 23px;margin-bottom: 15px;} .fd-contact .ewm{width:80px;padding:5px;margin-top:10px} .beian,.copy{font-size:12px;line-height:20px;} .case-banner{padding-top: 204px;} .case-info strong {font-size: 32px;line-height: 40px;padding-bottom: 20px;margin-bottom: 50px;} .case-info h2 {font-size: 40px;line-height: 50px;} .case-box .case-col {padding: 30px 15px 25px 20px;} /*鑱旂郴鏂瑰紡鍙樺姩*/ .tact-box.tact1{/*padding-bottom: 40px;*/} .tact-box.tact2{/*padding-bottom: 40px;*/} } @media (max-width:1110px) and (min-width:1024px){ /*鑱旂郴鏂瑰紡鍙樺姩*/ .tact-box.tact1{padding-bottom: 94px;} .tact-box.tact2{padding-bottom: 94px;} } @media (min-width:1024px){ .product-nav-mo{ display:none!important;} .index-video .left{width: 400px;} } @media screen and (max-width:1023px){ .hd-search {width: 100%;} .product-nav-pc{ display:none!important;} .index-list1,.index-list1 li,.index-list1 .item,.index-list1 .item a,.index-list1 .item p{ font-size:14px!important;-webkit-text-size-adjust: none;} .card-list li{border-radius: 10px;} .card-list li .hide-info strong{ font-weight:normal;font-size: 22px;} .card-list.mo li{ width:100%;margin: 0 0 10px; position: relative;} .card-list.mo li .show-info strong{margin-bottom:0;} .card-list.mo li::before{ display:none;} .card-list.mo li::after{content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.5); border-radius: 10px; z-index:0;} .card-list.mo li .info-box{position: relative;z-index: 1;} .card-list.mo li .hide-info strong.strong2{ border-top:1px solid rgba(255,255,255,0.5); padding-top: 0.5em; margin-top: 0.5em;} .contact-two .tact-box .top{ padding-left:0;} .contact-three{margin-bottom: 30px;} .about-two::before{display: none;} .about-two .wrap{padding: 50px 0;} .about-two .wrap .text{ max-height:none; overflow-y:visible;} .about-five li .text{float: left;width: 66.5%;padding-right: 50px;margin-top: 4px; margin-bottom:0;} .about-five li.two .text{ padding-left:50px;} .about-five li .pic{float: right;width: 33.5%;} .index-part1{background: url(../images/index-bg1.png) center no-repeat;} .index-part2 .left{padding: 80px 0 100px; background-position:bottom center;} .index-part2 .right{padding: 90px 0 100px; background-position:top center;} .copy{ display:block;} .copy a{ color:#999;} .fd-contact{line-height: 20px;} .fd-contact h3{ margin-bottom:10px;} .contact-two.mo .tact-area br{ display:block;} .tact-left .con{width: 65%;margin: 0 auto;} .tact-box.tact1,.tact-box.tact2{padding: 220px 100px;} } @media screen and (max-width: 768px){ .wrap{width: 90%;} .card-list li .hide-info strong{ font-size: 20px;} .global-one img{position:relative;top:-290px} .global-one{height: 160px;margin: 200px auto 190px auto;} .about-two .wrap{ padding: 30px 0 15px 0;} .about-three{ margin-bottom: 30px;} .about-five{padding: 20px 0 20px;} .index-video{margin-bottom:20px;} .index-part4{padding-bottom:50px;} .index-btn1 {font-size: 12px;} .index-btn1 span,.index-btn1:hover span,.index-part4 .index-btn1 span,.index-part4 .index-btn1:hover span{background-size: 6px 9px;} .news-main{padding-top: 20px;} .pro-inner{ margin-top: 20px;} .pro-text{ margin-top: 15px;} .goods-slick .slick-prev {left: -15px;} .goods-slick .slick-next {right: -15px;} .goods-scenes{margin-bottom: 40px;} .related-pro{margin-bottom: 30px;} .investor-content{margin-top: 20px;} .regular-list{margin-bottom: 10px;} .investor-box h3{ margin-bottom:20px;} .info-list{border-top: 1px solid #eee;margin-bottom: 30px;} .info-list li{ padding:10px 20px;} .two-level{border-radius:0;border-bottom: 1px solid rgba(255,255,255,.3);} .two-level2{border-bottom: 1px solid rgba(255,255,255,.3);} .two-level2 dl{border-bottom:none;margin-bottom:0;} .two-level2 dl dd{background-color:transparent;} .pro-one{ margin-bottom: 20px;} .pro-content h3{ text-align:center;font-size:18px;margin-bottom: 15px;} .pro-list li .info .tit{ font-size:14px;} .pro-col{ overflow:inherit} .thumb-slick .slick-prev{ margin-left: -15px;} .thumb-slick .slick-next{ margin-right: -15px;} .news-slick .img{ position:relative; padding-top:66.67%; border-right:none;} .news-slick .img img{ position:absolute; top:0; left:0;} .news-slick .text p{ height:3rem;} .case-box .case-col strong{ font-size:18px;} .partner-box{ margin-bottom:0;} .partner-slick{ padding-bottom:0;} .about-five li .text{padding-right: 30px;margin-top: 0;} .about-five li p{ line-height:150%;} .about-five li.two .text{ padding-left:30px;} .study-list li .text strong{font-size: 16px;} .study-list li .text p{line-height: 130%;font-size: 14px;margin-top: 5px;-webkit-line-clamp: 4;display: -webkit-box;min-height: 4em;} .create-one .pic {width: 100%;} .create-one .pic img {height: auto;} .create-one .text {width: 100%;float: none; margin-top:0;} .create-three, .create-two{padding-top: 30px;} .create-three h3, .create-two h3{ font-size:20px;margin-bottom: 20px;} .news-main .new-left .content{ margin-top:0;} .news-main .new-left .content img{ height:auto!important;} .video-box{ margin-bottom:20px;} .video-text .title,.video-text p,.video-text span{line-height: 130%;} .center .goods-list{ width:162px;} .goods-slick .img{ height:100px;padding: 0 6px;} .goods-table table{overflow:auto; font-size:12px!important;} .goods-table table td{padding: 5px 5px; font-size:12px!important;} .case-info strong{ font-size:20px;line-height: 30px;margin-bottom: 30px;} .case-info h2{ font-size: 22px; line-height: 34px;} .case-box{ margin-top:20px;} .case-box .case-col{padding: 25px 15px 25px 20px;height: 308px;} .case-box .case-col strong{height: 225px;} .case-box .slick-box{margin-top: 88px;} .slider-for .case-text .tit{ font-size:20px; line-height: 24px;margin-bottom: 15px;} .regular-list li{height: 150px;padding: 25px 15px 20px;} .regular-list li .date{margin-bottom: 15px;} .regular-list li .title,.info-list li .title{font-size:16px; line-height: 130%;} .regular-list li .arrow{width: 18px; height: 12px; background-size: contain;} .info-list li .date{ font-size:12px; line-height:18px;} .pagination li.pg-prev.pg-first a,.pagination li.pg-next.pg-end a{background-size: 25%;} .about-two p{ line-height:180%;margin-bottom:0.8em;} .part3-content{margin-top:30px;} .index-video .right{margin-bottom: 10px;} .create-img li .img::after{background-color: rgba(0,0,0,0.2);} .history-main li.nopic .img{width: 180px;} .tact-left .con{width: 65%;} .tact-box.tact1, .tact-box.tact2 {padding: 140px 60px;} .history-main li.nopic {padding: 30px 0;} .logo-list {width: 690px;} .logo-list li {padding-left: 93px;} .logo-list li.one {top: 54px;} .logo-list .pic {width: 116px;height: 116px;margin: 5px;padding: 13px;} .logo-list .pic a img {width: 90px;height: 90px;} .logo-list li.three {top: -54px;} /* 榛樿浣嶇疆 from{transform: translate3d(-50%,-55%,0);} to{transform: translate3d(-50%,-55%,0);} */ /*鑻卞浗X*/ @keyframes rolle1{ /*from1{transform:translate3d(-9.21196%,-0.76795%,0)} to1{transform:translate3d(-18.31856%,-1.55051%,0)} from{transform: translate3d(-45.45%,-54.61%,0);} to{transform: translate3d(-54.55%,-55.39%,0);}*/ from{transform: translate3d(-43.45%,-51.61%,0);} to{transform: translate3d(-57.55%,-58.39%,0);} } /*姣斿埄鏃禮*/ @keyframes rolle2{ /*from1{transform:translate3d(-8.44513%,-1.59127%,0)} to1{transform:translate3d(-4.78449%,-16.30503%,0)} from{transform: translate3d(-51.83%,-47.64%,0);} to{transform: translate3d(-48.17%,-62.36%,0);}*/ from{transform: translate3d(-54.83%,-44.64%,0);} to{transform: translate3d(-45.17%,-65.36%,0);} } /*鎹峰厠X*/ @keyframes rolle3{ /*from1{transform:translate3d(-3.70267%,-8.16822%,0)} to1{transform:translate3d(-13.41112%,-7.16689%,0)} from{transform: translate3d(-45.15%,-55.50%,0);} to{transform: translate3d(-54.85%,-54.50%,0);}*/ from{transform: translate3d(-42.15%,-58.50%,0);} to{transform: translate3d(-57.85%,-51.50%,0);} } /*闊╁浗X*/ @keyframes rolle4{ /*from1{transform:translate3d(-2.1121%,-1.77968%,0)} to1{transform:translate3d(-18.24293%,-0.98636%,0)} from{transform: translate3d(-41.93%,-55.40%,0);} to{transform: translate3d(-58.07%,-54.60%,0);}*/ from{transform: translate3d(-38.93%,-58.40%,0);} to{transform: translate3d(-61.07%,-51.60%,0);} } /*缇庡浗X*/ @keyframes rolle5{ /*from1{transform:translate3d(-4.11001%,-8.63068%,0)} to1{transform:translate3d(-11.64973%,-5.00897%,0)} from{transform: translate3d(-46.23%,-56.81%,0);} to{transform: translate3d(-53.77%,-53.19%,0);}*/ from{transform: translate3d(-43.23%,-59.81%,0);} to{transform: translate3d(-56.77%,-50.19%,0);} } /*鏃ユ湰Y*/ @keyframes rolle6{ /*from1{transform:translate3d(-3.55741%,-3.69051%,0)} to1{transform:translate3d(-0.91979%,-8.05987%,0)} from{transform: translate3d(-51.3%,-52.81%,0);} to{transform: translate3d(-48.7%,-57.18%,0);}*/ from{transform: translate3d(-53.3%,-49.81%,0);} to{transform: translate3d(-45.7%,-60.18%,0);} } /*澧ㄨタ鍝*/ @keyframes rolle7{ /*from1{transform:translate3d(-6.82389%,-4.27702%,0)} to1{transform:translate3d(-19.65576%,-11.79977%,0)} from{transform: translate3d(-43.58%,-51.24%,0);} to{transform: translate3d(-56.42%,-58.76%,0);}*/ from{transform: translate3d(-41.58%,-49.24%,0);} to{transform: translate3d(-59.42%,-61.76%,0);} } /*鍗板害Y*/ @keyframes rolle8{ /*from1{transform:translate3d(-7.35727%,-4.64536%,0)} to1{transform:translate3d(-16.13968%,-14.90867%,0)} from{transform: translate3d(-45.61%,-49.87%,0);} to{transform: translate3d(-54.39%,-60.13%,0);}*/ from{transform: translate3d(-42.61%,-46.87%,0);} to{transform: translate3d(-57.39%,-63.13%,0);} } /*娉板浗Y*/ @keyframes rolle9{ /*from1{transform:translate3d(-0.40762%,-2.32436%,0)} to1{transform:translate3d(-6.82469%,-19.46126%,0)} from{transform: translate3d(-46.79%,-46.43%,0);} to{transform: translate3d(-53.21%,-63.57%,0);}*/ from{transform: translate3d(-43.79%,-43.43%,0);} to{transform: translate3d(-56.21%,-66.57%,0);} } /*婢冲ぇ鍒╀簹X*/ @keyframes rolle10{ /*from1{transform:translate3d(-7.89984%,-4.53582%,0)} to1{transform:translate3d(-2.42124%,-10.52356%,0)} from{transform: translate3d(-52.74%,-52%,0);} to{transform: translate3d(-47.26%,-57.99%,0);}*/ from{transform: translate3d(-49.74%,-49%,0);} to{transform: translate3d(-50.26%,-60.99%,0);} } /*澶╂触Y*/ @keyframes rolle11{ /*from1{transform:translate3d(-8.04997%,-2.29075%,0)} to1{transform:translate3d(-3.35277%,-16.3951%,0)} from{transform: translate3d(-52.35%,-47.95%,0);} to{transform: translate3d(-47.65%,-62.05%,0);} from{transform: translate3d(-52.35%,-32.95%,0);} to{transform: translate3d(-47.65%,-47.05%,0);}*/ from{transform: translate3d(-55.35%,-29.95%,0);} to{transform: translate3d(-44.65%,-50.05%,0);} } /*鐑熷彴Y*/ @keyframes rolle12{ /*from1{transform:translate3d(-4.73818%,-8.24447%,0)} to1{transform:translate3d(-3.14143%,-13.72483%,0)} from{transform: translate3d(-50.80%,-52.26%,0);} to{transform: translate3d(-49.20%,-57.74%,0);}*/ from{transform: translate3d(-53.80%,-49.26%,0);} to{transform: translate3d(-46.20%,-60.74%,0);} } /*闈掑矝Y*/ @keyframes rolle13{ /*from1{transform:translate3d(-8.21089%,-0.72043%,0)} to1{transform:translate3d(-10.24606%,-7.47962%,0)} from{transform: translate3d(-48.98%,-51.62%,0);} to{transform: translate3d(-51.02%,-58.38%,0);}*/ from{transform: translate3d(-45.98%,-49.62%,0);} to{transform: translate3d(-54.02%,-61.38%,0);} } /*鏃犻敗X*/ @keyframes rolle14{ /*from1{transform:translate3d(-4.60099%,-9.04772%,0)} to1{transform:translate3d(-17.65799%,-14.28945%,0)} from{transform: translate3d(-43.47%,-52.38%,0);} to{transform: translate3d(-56.53%,-57.62%,0);}*/ from{transform: translate3d(-40.47%,-49.38%,0);} to{transform: translate3d(-59.53%,-60.62%,0);} } /*鑻忓窞Y*/ @keyframes rolle15{ /*from1{transform:translate3d(-3.55911%,-5.2062%,0)} to1{transform:translate3d(-0.40433%,-12.85951%,0)} from{transform: translate3d(-51.58%,-51.17%,0);} to{transform: translate3d(-48.42%,-58.83%,0);}*/ from{transform: translate3d(-54.58%,-33.17%,0);} to{transform: translate3d(-45.42%,-46.83%,0);} } /*鑺滄箹X*/ @keyframes rolle16{ /*from1{transform:translate3d(-1.61803%,-8.40798%,0)} to1{transform:translate3d(-17.03159%,-8.53221%,0)} from{transform: translate3d(-42.29%,-54.94%,0);} to{transform: translate3d(-57.71%,-55.06%,0);}*/ from{transform: translate3d(-39.29%,-51.94%,0);} to{transform: translate3d(-60.71%,-58.06%,0);} } /*涓婃捣Y*/ @keyframes rolle17{ /*from1{transform:translate3d(-9.80924%,-2.36342%,0)} to1{transform:translate3d(-14.6011%,-7.34874%,0)} from{transform: translate3d(-47.60%,-52.51%,0);} to{transform: translate3d(-52.40%,-57.49%,0);}*/ from{transform: translate3d(-44.60%,-49.51%,0);} to{transform: translate3d(-55.40%,-60.49%,0);} } /*瀹佹尝Y*/ @keyframes rolle18{ /*from1{transform:translate3d(-4.68103%,-7.74707%,0)} to1{transform:translate3d(-9.23692%,-14.45432%,0)} from{transform: translate3d(-58.35%,-47.72%,0);} to{transform: translate3d(-52.28%,-51.65%,0);}*/ from{transform: translate3d(-61.35%,-44.72%,0);} to{transform: translate3d(-49.28%,-54.65%,0);} } /*璇告毃X*/ @keyframes rolle19{ /*from1{transform:translate3d(-4.9885%,-4.56702%,0)} to1{transform:translate3d(-10.57631%,-2.2833%,0)} from{transform: translate3d(-47.21%,-56.14%,0);} to{transform: translate3d(-52.79%,-53.86%,0);}*/ from{transform: translate3d(-44.21%,-59.14%,0);} to{transform: translate3d(-55.79%,-50.86%,0);} } /*鍗楁槍Y*/ @keyframes rolle20{ /*from1{transform:translate3d(-9.19242%,-4.39949%,0)} to1{transform:translate3d(-6.56612%,-14.0378%,0)} from{transform: translate3d(-51.31%,-50.18%,0);} to{transform: translate3d(-48.69%,-59.82%,0);}*/ from{transform: translate3d(-54.31%,-47.18%,0);} to{transform: translate3d(-45.69%,-62.82%,0);} } /*鐝犳捣Y*/ @keyframes rolle21{ /*from1{transform:translate3d(-7.6728%,-7.3982%,0)} to1{transform:translate3d(-8.53261%,2.0965%,0)} from{transform: translate3d(-50.43%,-59.75%,0);} to{transform: translate3d(-49.57%,-50.25%,0);}*/ from{transform: translate3d(-53.43%,-61.75%,0);} to{transform: translate3d(-46.57%,-47.25%,0);} } /*缁甸槼X*/ @keyframes rolle22{ /*from1{transform:translate3d(-5.52905%,-5.9%,0)} to1{transform:translate3d(-17.70457%,-9.2156%,0)} from{transform: translate3d(-43.91%,-53.34%,0);} to{transform: translate3d(-56.09%,-56.66%,0);}*/ from{transform: translate3d(-40.91%,-50.34%,0);} to{transform: translate3d(-59.09%,-59.66%,0);} } } @media screen and (max-width: 690px){ .logo-list {width: 600px;} .logo-list li {padding-left: 85px;} .logo-list li.one {top: 43px;} .logo-list .pic {width: 90px;height: 90px;margin: 10px;padding: 5px;} .logo-list .pic a img {width: 80px;height: 80px;} .logo-list li.three {top: -43px;} } @media screen and (max-width: 600px){ .logo-list {width: 480px;} .logo-list li {padding-left: 75px;} .logo-list li.one {top: 40px;} .logo-list .pic {width: 80px;height: 80px;margin: 5px;padding: 10px;} .logo-list .pic a img {width: 60px;height: 60px;} .logo-list li.three {top: -40px;} } @media screen and (max-width: 480px){ .index-icons {justify-content: center;} .index-icons li{width: 25%;} .about-three .wrap{ padding: 50px 0 30px;} .about-five li .text{padding-right: 15px;margin-top: 0;} .about-five li .pic{ margin-top:60px;} .about-five li.two{ position:relative;} .about-five li.two strong:first-child{ position:absolute; left:0;} .about-five li.two strong:nth-child(2){ display:block; visibility:hidden;} .about-five li.two .text{ padding-left:15px;} .create-three{padding-bottom: 50px;} .news-slick .text .title{ font-size:18px;margin-bottom: 10px;} .news-slick .text .info{ margin-bottom:5px;} .news-list li .news-info .title{ font-size:16px;} .news-slick .text p{ line-height:150%;height: 2.4rem;} .news-slick .text .see-more{ margin-top:10px;} .pro-text h1{ font-size:20px;} .main-content h3{ font-size:18px;margin-bottom: 10px;} .goods-table table td{font-size:12px;} .case-box .case-col{padding: 25px 15px 25px 20px;height: 280px;} .case-box .case-col strong{height: 200px;} .case-box .slick-box{margin-top: 60px; padding-top:45px;} .case-box .slick-box p{font-size: 12px;line-height: 180%;} .investor-box h3{ font-size:18px; text-align:center;margin-bottom: 10px;} .regular-list li .title,.info-list li .title{font-size:14px;} .investor-body .info-title{ font-size:22px;line-height: 150%;} .global-one{height: 140px;margin: 80px auto 80px auto;} .global-h3{height: 36px;line-height: 36px;border-radius: 18px;font-size: 16px;width: 120px;} .contact-three h3{font-size: 20px; line-height: 30px; margin-bottom: 25px;} .about-three li,.about-four li{ font-size:14px;} .history-main li .txt p{ line-height:120%;} .history-main li .txt span{ margin-bottom:10px;} .study-info .info p{padding-right: 95px;} .study-info .info .study-logo{width: 80px;top: 40%;} .crumbs-box.pro{ display:none;} .crumbs-box .crumbs{padding: 6px 0;} .pro-inner{margin-top: 58px;} .history-main li.nopic .img{width: 150px;} .video-slick .slick-list .video {height: 100px;} .video-slick .slick-list .cont .title{ text-align:center;} .study-list {margin: 0 -15px;padding-bottom: 30px; position:relative;} .study-list li {width: 100%;padding: 0; margin: 0 5px;border-radius: 10px 10px 0 0;} .study-list li .text {padding: 10px 10px 15px 10px;} .study-list li .text p {-webkit-line-clamp: unset;display: block;min-height:unset;} .study-list .slick-dots{text-align:center;bottom: 0;} .study-list .slick-dots li{display:inline-block;margin:0;width:auto;float: none;} .study-list .slick-dots li button{width:8px;height:8px;border-radius:50%;background-color:#e5e5e5;opacity:0.3} .study-list .slick-dots li.slick-active button{background-color:#00a0d2;opacity:0.8} .study-list li .con{ width:100%;} .study-list li .con::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,.5);transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;opacity:1;} .study-list li.slick-current .con::after {opacity: 0;} .tact-left .con{width: 90%;} .tact-box.tact1, .tact-box.tact2 {padding: 100px 48px;} .contact-area nobr{ display:inline-block;white-space:nowrap;} .partner-box .wrap{width:94%} .logo-list.pc{ display:none!important} .logo-list.mo{ display:block!important;} .logo-list{margin-top: 30px; padding-bottom:10px; width:auto;} .logo-list li{display:inherit;width:100%;padding-left: 0;} .logo-list .pic { display:inline-block; vertical-align:top;width:30%;height:60px;padding: 0;flex-grow: 1;margin: 0 5px 15px 5px;} .logo-list .pic a{height: 100%;width: 100%;display: flex;align-items: center;justify-content: center;transform: none;} .logo-list .pic a img{width: 100%;height: 100%;max-height: 100%;transform: none; padding:0;} .logo-list .pic a,.logo-list .pic a img{transform:none} .pro-nav-mo{ display:block!important} .pro-nav-mo .box{float:none;margin-right:0;margin-bottom:8px;width:auto!important;border-radius:4px} .pro-nav-mo .box .inp{padding-left:10px;height:35px;border-radius:4px} .pro-nav-mo .btn{float:none;display:block;width:auto;height:40px;line-height:40px} .prev-box li .sp{font-size: 14px;margin-bottom:0;} .prev-box li a{font-size: 14px;margin-bottom:0;} .info-area{font-size: 12px;} } @media screen and (max-width: 375px){ .pro-big .pic{height: 326px;} .tact-left .con{width: 92%;} .tact-box.tact1, .tact-box.tact2 {padding: 100px 30px;} } @media screen and (max-width: 360px){ .pro-big .pic{height: 312px;} .tact-left .con {width: 96%;} .global-one{margin: 60px auto 70px auto;} }